
//加载乡镇名称
$(function(){
    $.ajax({
        type:"GET",
        url:"/process/getAreaName",
        success:function (data) {
            var str="";
            for(var i=0;i<data.length;i++){
                str+=`<li><label><input type="checkbox" value="${data[i]}">${data[i]}</label></li>`;
            }
            str+=`<li class="textRight w100"><span class="clear">重置</span><span class="sure">确定</span></li>`;
            $(".selectBoard ul").html(str);
        }
    });

    var arr=[];
    var selectBoard=$(".selectBoard");

//仿select的点击事件

    $(".shuju").each(function(){
        $(this).click(function(){
            $(this).next().removeClass("displayNone");
            $(this).val("");
        })
    })

//按钮组
    selectBoard.each(function(){
        $(this).on("click",".clear",function(){
            $(this).parent().siblings().each(function(){
                $(this).find("input").removeAttr("checked")
            });
            arr=[];
        })
    });
    selectBoard.each(function(){
        $(this).on("click",".sure",function(){
            //显示值
            $(this).parents(".selectBoard").prev().val(arr.join(" "));
            //清空
            $(this).parent().siblings().each(function(){
                $(this).find("input").removeAttr("checked")
            });
            arr=[];
            //关闭选择页面
            $(this).parents(".selectBoard").addClass("displayNone");
        })
    });

//监听checkbox的value值 改变则执行下列操作
    selectBoard.each(function(){
        $(this).on("change","input",function(){
            if ($(this).prop("checked")) {
                arr.push($(this).val());
            }else{
                removeArrVal(arr,$(this).val())
            }
        });
    })


    function removeArrVal(arr, val) {
        for(var i=0; i<arr.length; i++) {
            if(arr[i]===val) {
                arr.splice(i, 1);
                break;
            }
        }
    }


    $("#processForm").children().not(".form-group:first-child").click(function(){
        selectBoard.addClass("displayNone");
    });
    console.log(4);
    $("#processInfoForm").children().not(".form-group:nth-child(4)").click(function(){
        selectBoard.addClass("displayNone");
        console.log(3);
    });

    $(".maintain").click(function(){
        $("#selectBoard").addClass("displayNone");
    })
});

